
.container {
  padding: 0;
  width: 990px;
}

header {
  padding: 10px 0;
  a {
    display: inline-block;
  }

  b {
    font-size: 25px;
    font-weight: 500;
    padding-left: 20px;

  }
}

.login-content {
  height: 475px;
  background: #e93854;
  .banner-bg {
    position: relative;
    height: 475px;
    width: 100%;
    background: url(../img/5731485aN1134b4f0.png) 0px 0px no-repeat;
  }
  .login-box {
    position: absolute;
    right: 0;
    top: 40px;
    background: #fff;
    width: 346px;
    .login-header {
      height: 54px;
      line-height: 54px;
      border-bottom: 1px solid #f4f4f4;
      .login-tab {
        font-family: "microsoft yahei";
        text-align: center;
        width: 50%;
        font-size: 18px;
        float: left;
        a {
          text-decoration: none;
          color: #666;
          &:hover {
            font-weight: 700;
            color: #e4393c;
          }
        }
        &:nth-child(1) a {
          padding: 0 50px;
          border-right: 1px solid #f4f4f4;
        }
        .tab-active {
          font-weight: 700;
          color: #e4393c;
        }
      }

    }
    .login-form {
      padding: 5px 20px;
      .msg-warn {
        position: relative;
        background: #fef4e5;
        color: #666;
        border: 1px solid #f6c090;
        padding: 3px 10px 3px 40px;
        line-height: 15px;
        height: auto;
        margin-bottom: 5px;
        b {
          position: absolute;
          top: 50%;
          left: 10px;
          display: block;
          margin-top: -8px;
          width: 16px;
          height: 17px;
          overflow: hidden;
          background: url(../img/pwd-icons-new.png) -104px -24px no-repeat;
        }
      }
      .form-box {
        .input-item {
          width: 100%;
          margin-bottom: 20px;
          input {
            height: 38px;
          }
          .un-icon {
            width: 38px;
            background: url(../img/pwd-icons-new.png) no-repeat;
          }
          &:nth-child(2) .un-icon {
            background-position: -48px 0;
          }
        }
        .safe {
          input {
            margin: 0;
            vertical-align: middle;
          }
          label {
            font-weight: normal;
            font-size: 12px;
            margin: 0;
          }
          .forget-pw-safe {
            float: right;
          }
        }
        .login-btn {
          margin: 20px 0;
        }
      }
    }
    .login-weixin {
      width: 100%;
      height: 200px;
      padding: 20px;
      position: relative;
      overflow: hidden;
      .qrcode-img {
        border: 1px solid #f4f4f4;
        padding: 8px;
        display: inline-block;
        float: left;
        margin-left: 52px;
        margin-bottom: 20px;
        transition: all .5s ease;
        img {
          height: 147px;
          width: 147px;

        }
        &:hover {
          margin-left: 0;
        }
      }
      .sao-img {
        float: right;
        img {
          width: 135px;
          height: 165px;
        }
      }
    }
    .login-footer {
      padding-left: 20px;
      padding-right: 20px;
      line-height: 50px;
      border-top: 1px solid #f4f4f4;
      height: auto;
      background-color: #fcfcfc;
      ul {
        position: relative;
        margin: 0;
        li {
          display: inline-block;

          a {
            display: inline-block;
            position: relative;
            padding-left: 24px;
            color: #666;
            &:hover {
              color: #E4393C;
            }
            b {
              width: 19px;
              height: 18px;
              display: block;
              background: url(../img/QQ-weixin.png) no-repeat;
              margin: 0 auto;
              position: absolute;
              float: left;
              left: 0;
              top: 16px;
            }
          }
          .line {
            color: #ccc;
            padding: 0 10px;
          }
          &:nth-child(2) b {
            background-position: -20px 0;
          }
          &:nth-child(3) {
            position: absolute;
            right: 0;
            a {
              color: #b61d1d;
              b {
                background: url(../img/pwd-icons-new.png) -104px -75px no-repeat;
              }
            }
          }
        }
      }

    }
  }
}

footer {
  margin: 20px 0;
  p {
    color: #666;
    text-align: center;
    a {
      margin: 0 10px;
      color: #666;
      text-decoration: none;
      vertical-align: middle;
      &:hover {
        color: #E4393C;
        text-decoration: underline;
      }
    }
  }
}